// src/components/user-name.vue

<template>
    <input 
      type="text"
      :value="firstName"
      @input="$emit('update:firstName', $event.target.value)"
    >

    <br>

    <input
      type="text"
      :value="lastName"
      @input="$emit('update:lastName', $event.target.value)"
    >
</template>

<script>
import { defineComponent } from "@vue/runtime-core";

export default defineComponent({
    name: 'UserName',
    props: {
        firstName: String,
        lastName: String
    },
    emits: ['update:firstName', 'update:lastName'],
})
</script>